<div>
	<h2>Atendiendo turno: ${turno?.id }</h2>
	<div class="div-search-results">
		<table class="tablesorter table-search-results">
			<thead>
				<tr>
					<th>Fecha Reservada</th>
					<th>Fecha Asistida</th>
					<th>Especialidad</th>
					<th>Paciente</th>
					<th>Operaciones</th>
				</tr>
			</thead>
			<tbody>
			     <tr>
			     	<td><g:formatDate format="E yyyy-MM-dd hh:mm:ss" date="${turno?.fecha_asignada}"/></td>
			     	<td><g:formatDate format="E yyyy-MM-dd hh:mm:ss" date="${turno?.fecha_asistencia}"/></td>
					<td>${turno?.medico?.especialidad}</td>
					<td>${turno?.paciente?.nombre} ${turno?.paciente?.apellido }</td>	
					<td>
					    <g:if test="${turno?.fecha_asignada?.compareTo(new Date())>=0}">
				    		<input class='btn' type='button' onclick='location.href="${application.getContextPath()}/turno/deleteturno?id=${turno?.id}&referrer=medico"' value='Cancelar Turno'/>
					    </g:if>
					    <g:else>
				    		<h3>Hist&oacute;rico</h3>
					    </g:else>						
					</td>		
				</tr>
			</tbody>					
		</table>
	</div>
	<div class="div-search-results">
		<table class="tablesorter table-search-results">
			<thead>
				<tr>
					<th>Enfermedad</th>
					<th>Medicamento</th>
					<th>Dosis</th>
					<th>Fecha fin medicamento</th>
					<th>Observaciones</th>
					<th>Guardar</th>
				</tr>
			</thead>
			<tbody>
				<g:each var="presc" in="${turno?.prescripciones}">
				     <tr>
				 		<td>${presc?.enfermedad.nombre }</td>
				 		<td>${presc?.medicamento.nombre }</td>
				 		<td>${presc?.medicamento.dosis }</td>
				 		<td><g:formatDate format="yyyy-MM-dd" date="${presc?.medicamento.fecha_fin}"/></td>
				 		<td>${presc?.observaciones }</td>				 		
				 		<td><form><input type='hidden' name='id' value='${presc?.id}'/><g:submitToRemote asynchronous="false" after="location=location.href;" controller="turno" action="removeprescripcionesturnoatendido" class='btn' name="QuitarPrescripciones" value="Quitar"></g:submitToRemote></form></td>				 		
					</tr>
				</g:each>
			</tbody>					
		</table>
		
	</div>
	<div class='box gradient-graphite span-16 colborder'>
		<form name="nuevaprescripcionform">
			<h4>Nueva prescripcion</h4>
			<ul>
				<g:hiddenField name="id" value="${turno?.id}"/></li>
				<li><label>Enfermedad</label><g:textField name="enfermedad_nombre" id="enfermedad_nombre"/></li>
				<li><label>Medicamento</label><g:textField name="medicamento_nombre" id="medicamento_nombre"/></li>
				<li><label>Dosis</label><g:textField name="medicamento_dosis" id="medicamento_dosis"/></li>
				<li><label>Fecha Finalizacion</label><calendar:datePicker showReset="false" dateFormat="%Y-%m-%d" name="datefin_medicamento" defaultValue="${new Date()}"/></li>
				<li><label>Observaciones</label><g:textField class='prescripcionobs' name="presc_observaciones"/></li>
				<li><g:submitToRemote asynchronous="false" after="location=location.href;" url="${[controller:'turno', action:'addprescripciones']}" class='btn' name="AgregarPrescripciones" value="Agregar Prescripcion"></g:submitToRemote></li>
			</ul>
		</form> 
	</div>
	<div class='box gradient-graphite span-7 last'>
	<g:formRemote name="formAtender" url="${[controller:'turno', action:'saveobservaciones'] }">
		<h4>Observaciones:</h4>
		<g:textArea class='prescripcionobs' value="${turno?.observaciones }" name="observaciones" escapeHtml="true"></g:textArea>
		<g:hiddenField name="id" value="${turno?.id}"/></li>		
		<g:submitButton class='btn' name="Cambiar Observaciones"/>
	</g:formRemote>		
	</div>
	<script>
		$(document).ready(function(){
			$('#enfermedad_nombre').autocomplete({
				source:'${application.getContextPath()}/search/autocompleteenfermedadajax',
				minLength: 1
			});
			$('#medicamento_nombre').autocomplete({
				source:'${application.getContextPath()}/search/autocompletemedicamentoajax',
				minLength: 1
			});

			$('#medicamento_dosis').autocomplete({
				source:'${application.getContextPath()}/search/autocompletemedicamentodosisajax',
				minLength: 1
			});
		});
	</script>
</div>